// 路由的集中管理
import { RouteObject, Navigate, useRoutes } from 'react-router-dom'

// 动态导入router
// import.meta.glob 为过动态导入，构建时，会分离为独立的 chunk
// import.meta.globEager 为直接引入
const modules: any = import.meta.glob("./modules/*.tsx", {eager: true})

// console.log(modules);


// 常规页面
export const routerArray: RouteObject[] = []
Object.keys(modules).forEach(item => {
  routerArray.push(...modules[item]['default'])
})


export const rootRouter: RouteObject[] = [
  {
    path: '/',
    element: <Navigate to='/home' />
  },
  ...routerArray,
  {
    path: '*',
    element: <Navigate to='/404' />
  }
]

export default function Router() {
  return useRoutes(rootRouter)
}